import React from 'react';
import logo from './logo.svg';
import './App.css';
import ImageList from './components/ImageList'

const imgList = [
  {id: 0, url: 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3315324068,1694602888&fm=26&gp=0.jpg'},
  {id: 1, url: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=255540472,3722890280&fm=26&gp=0.jpg'},
  {id: 2, url: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2588111137,2818876915&fm=26&gp=0.jpg',  width: 500, height: 313},
  {id: 3, url: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2067130472,770689586&fm=26&gp=0.jpg',  width: 500, height: 313},
  {id: 4, url: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3468842248,1928586949&fm=26&gp=0.jpg',  width: 500, height: 313},
  {id: 5, url: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2922664179,3817800836&fm=26&gp=0.jpg',  width: 533, height: 300},
  {id: 6, url: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2092816828,960563598&fm=26&gp=0.jpg',  width: 500, height: 313},
  {id: 7, url: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3482128345,2137456532&fm=26&gp=0.jpg',  width: 500, height: 313},
  {id: 8, url: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1021768252,432753213&fm=26&gp=0.jpg',  width: 500, height: 313},
  {id: 9, url: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2209407380,1979649911&fm=26&gp=0.jpg',  width: 500, height: 313},
  {id: 10, url: 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3315324068,1694602888&fm=26&gp=0.jpg',  width: 533, height: 300},
  {id: 11, url: 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3315324068,1694602888&fm=26&gp=0.jpg',  width: 533, height: 300},
  {id: 12, url: 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3315324068,1694602888&fm=26&gp=0.jpg',  width: 533, height: 300},
  {id: 13, url: 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3315324068,1694602888&fm=26&gp=0.jpg',  width: 533, height: 300},
  {id: 14, url: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=255540472,3722890280&fm=26&gp=0.jpg',   width: 500, height: 313},
  {id: 15, url: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2588111137,2818876915&fm=26&gp=0.jpg',  width: 500, height: 313},
  {id: 16, url: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2067130472,770689586&fm=26&gp=0.jpg',  width: 500, height: 313},
]
function App() {
  return (
    <div className="App">
      <div className="APP-body">
        <ImageList list={imgList} margin={5}></ImageList>
      </div>
    </div>
  );
}

export default App;
